import Vue from 'vue';
export default function(Component, props) {
    //这个vue实例专门用来管理这个组件的--?为啥不把外面的vue实例导入进来？？
    //外面的vue实例已经挂载到app上了
    const instance = new Vue({
            render(h) {
                return h(Component, { props })
            }

        }).$mount()
        //手动挂载--将生成dom元素追加至body
    document.body.appendChild(instance.$el)
        //返回组件的实例
        //children--所有子组件实例所构成的数组
    const comp = instance.$children[0];
    comp.remove = () => {
        document.body.removeChild(instance.$el);
        instance.$destroy();
    }
    return comp;


}